{{#component "userManage"}}
<script type="text/javascript" src="/components/menu_nj/authManage/userManage/view.js"></script>
<body style="background:#fff;padding-top:3px;" >
	<div id="toolBar" style="padding:5px;height:auto">
	  <div >
	    <table>      
	      <th> 
	        <a id="addUser" class="easyui-linkbutton"  iconCls="icon-add" plain="true">增加</a> 
	        <a id="deleteUser" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
	        <a id="modifyUser" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
	      </th> 
	    </table> 
	  </div>
	</div>
<div class="easyui-layout" style="height:580px;">

<div data-options="region:'center',border:false" >
<div style="width:1200px; margin: 0 auto;font-size:14px; font-family: Tahoma,Verdana,微软雅黑,新宋体;">
	<div style="font-size:15px">
	您的位置:系统管理>>用户管理
	</div>
	<div class="easyui-layout" id="layout" style="width:1200px;height:550px" >
	    <div data-options="region:'north',collapsed:true" style="height:75px;width:1200px;" title="搜索栏">    
	        <table style="border:0px ;margin:8px auto">
	        <tr>
	            <td style="text-align:right">用户姓名：<input id="searchusername" class="easyui-textbox"></td>
	            <td style="text-align:right">&nbsp;&nbsp;&nbsp;&nbsp;用户工号：<input id="searchuserno" class="easyui-textbox"></td>
	            <td style="text-align:right" colsapn="2">
	            	&nbsp;&nbsp;&nbsp;&nbsp;
	                <a class="easyui-linkbutton" id="searchOrderData" onclick="searchUsers()" iconCls="icon-search">查询</a>
	            </td>
	        </tr>
	      </table>
	    </div>

    <!--  datagrid显示内容区 -->
	   <div data-options="region:'center',split:false,border:false" style="width:100%;height:100%">
	   <table id="dg" class="easyui-datagrid" data-options="pagination:true" style="width:100%;height:400px">
       
     </table>
	   </div>


	</div>
</div>
</div>

   <!-- 增加用户弹框-->
   	<div id="editinfo" class="easyui-dialog" title="修改" data-options="collapsible:false,minimizable:false,maximizable:false,closed:true,iconCls:'icon-save'" style="width:680px;height:380px;padding:10px;overflow:hidden;">
      <div align="center" style="margin:0px;">
        <form id="ef" >
          <table id="test" class="bordered" width="680" align="center" border="0" bordercolor="#FFCC00">
            <tr>
              <td style="width:125px;">工号：</td>
              <td style="width:215px;"><input id="userno" name="userno"
                class="easyui-textbox"  style="width:165px;"></td>

              <td style="width:125px;">登录名：</td>
              <td style="width:215px;"><input id="loginname" name="loginname"
                class="easyui-textbox"  style="width:165px;"></td>
            </tr>
            <tr>
              <td>姓名：</td>
              <td><input id="realname" name="realname"
                class="easyui-textbox"  value="" style="width:165px;"></td>

              <td>密码：</td>
              <td><input id="password" name="password" type="password"
                class="easyui-textbox" value="" style="width:165px;"></td>
            </tr>

            <tr>
            	<td>角色：</td>
              <td >
              	<input id="roleid" name="roleid"
                class="easyui-textbox"  value="" style="width:165px;background-color:#eee;"></td>
				
				      <td>部门：</td>
              	<td >
        					<input id="treede" type="text" style="width:165px;">
        					&nbsp;<a class="easyui-linkbutton" id="selectTreeDept">...</a>
          	  	</td>
            </tr>
              <td>手机：</td>
              <td><input id="phone" name="phone"
                class="easyui-textbox" style="width:165px;"></td>

              <td>邮箱：</td>
              <td><input id="email" name="email"
                class="easyui-textbox"  value="" style="width:165px;background-color:#eee;"></td>
            </tr>

            <tr>
              <td>状态：</td>
              <td><select class="easyui-combobox" id="state" name="state"
                style="width:165px" editable=false >
                 <option value="0" >离职</option>
                 <option value="1" selected="selected">在职</option>
                 <option value="2">禁用</option>   
              </select></td>
            </tr>
            <tr id="manage">
              <td align="center" colspan="4">
                <center><input id="save" name="save" type="button" value="保存" style="width:70px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input id="cancel1" name="cancel" type="button" value="取消" style="width:70px"></center></td>
            </tr>

          </table>
        </form>
    </div>
</div>


  <!-- 显示树型部门列表弹框供选择 -->
  <div id="selectTreeDeptDiv" class="easyui-window" closed="true" title="选择部门"  style="width:235px;height:350px;padding:3px;" align="center" data-options="collapsible:false,minimizable:false,maximizable:false,resizable:false">
  	<div align="left" style="width:213px;height:270px;overflow-y:auto;">
         <ul id="treebox"></ul>
      </div>
      <div align="center" style="width:130px;height:20px;padding:3px;">
  		<a id="btnDeptSelect" class="easyui-linkbutton" plain="true">确 定</a>
  		&nbsp;&nbsp;
  		<a id="btnDeptCancel" class="easyui-linkbutton" plain="true">取 消</a>
      </div>
  </div>
  
</body>
{{/component}}
